<template>
	<view class="content">
		<view v-if="Object.keys(data).length > 0">
			<view class="news-title">{{ data.title}}</view>
			<view class="sub-info">
				<view class="sub-left">
					<text class="author">发表于</text>
					<text>{{data.createdAt | timeFrom}}</text>
				</view>
			</view>
			<view class="news-content">
				<u-parse :html="data.content"></u-parse>
			</view>
		</view>
		
		<u-loadings v-if="isLoading"></u-loadings>
		<u-emptys v-if="!isLoading && Object.keys(data).length === 0" ></u-emptys>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: {
					title:'神木是大料试验区人民医院在线设备采购公开招标',
					createdAt: 1629185340000,
					content:'神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标神木是大料试验区人民医院在线设备采购公开招标'
				}
			}
		},
		onLoad(options) {
			//this.loadData(options)
		},
		methods: {
			async loadData(param) {
				const {id, module} = param
				this.isLoading = true
				// 请求数据
				let res = {}
				if(module ===  'notice'){
					res = await this.$u.api.platform.noticeDetail(id)
				}	else{
					res = await this.$u.api.article.fetch(id)
				}
				this.data = res
				// 更改标题
				uni.setNavigationBarTitle({
					title: this.data.title
				})
				this.isLoading = false
			}
		}
	}
</script>

<style>
	page{
		background-color: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	.content {
		padding: 30rpx;
		line-height: 1.6;
		
		.news-title {
			font-size: 48rpx;
			font-weight: 500;
			text-align: justify;
		}

		.sub-info {
			padding-top: 30rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 28rpx;
			color: #999;
		}

		.author {
			padding-right: 20rpx;
		}

		.news-content {
			padding-top: 40rpx;
			line-height: 1.6;
		}
	}
</style>
